.vote{
	height: 100vh;
	width: 100vw;
	position: relative;
	overflow: scroll;
	color:#fff;
	background-color: #3da081;
	&-bg{
		width: 100%;
	}
	&-header{
		position: absolute;
		top: 200px;
		padding-top: 45px;
		padding-bottom: 20px;
		box-sizing: border-box;
		z-index: 3;
		.rule{
			padding:15upx 10upx 15upx 60upx;
			color:#FFFFFF;
			background-color: #FFC000;
			border-radius: 40upx;
			margin-left:-45upx;
			width:160upx
			
		}
	}
	&-container{
		margin: 20rpx;
		padding-bottom: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		h3{
			padding: 30rpx;
		}
	}
	&-rule{
		box-sizing: border-box;
		background-color: #fff;
		padding: 30rpx;
		display: flex;
		flex-direction: column;
		width: 100%;
		border-radius: 16rpx;
		line-height: 50rpx;
		margin: 20rpx 0;
		color: #000;
		box-shadow: 0 1px 4px rgba(0,0,0,0.35);
		.title{
			font-weight: 600;
		}
		
	}
	&-context{
		width: 100%;
		display: grid;
		grid-template-columns: 50% 50%;
	}
	&-item{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: 20rpx 0;
		&-content{
			width: 100%;
			color: #000;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 30rpx;
		}
		.name{
			text-align: center;
			padding: 0.3125rem;
			font-weight: 400;
			font-size: 14px;
			color: #65625b;
			// font-family: serif;
		}
		.img{
			display: flex;
			width: 250rpx;
			// height: 250rpx;
			border-radius: 16rpx;
			
			background-color: #fff;
			box-shadow: 0 1px 6px rgba(0,0,0,.25);
			image{
				border-radius: 16rpx;
			}
		}
	}
}

.cu-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1110;
	opacity: 0;
	outline: 0;
	text-align: center;
	-ms-transform: scale(1.185);
	transform: scale(1.185);
	backface-visibility: hidden;
	perspective: 2000upx;
	background: rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease-in-out 0s;
	pointer-events: none;
}

.cu-modal::before {
	content: "\200B";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.cu-modal.show {
	opacity: 1;
	transition-duration: 0.3s;
	-ms-transform: scale(1);
	transform: scale(1);
	overflow-x: hidden;
	overflow-y: auto;
	pointer-events: auto;
}
.cu-dialog {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: 680upx;
	max-width: 100%;
	background-color: #f8f8f8;
	border-radius: 10upx;
	overflow: hidden;
}
.rule-dialog{
	background-color: transparent!important;
}

.cu-modal.bottom-modal::before {
	vertical-align: bottom;
}

.cu-modal.bottom-modal .cu-dialog {
	width: 100%;
	border-radius: 0;
}

.cu-modal.bottom-modal {
	margin-bottom: -1000upx;
}

.cu-modal.bottom-modal.show {
	margin-bottom: 0;
}

.cu-modal.drawer-modal {
	transform: scale(1);
	display: flex;
}

.cu-modal.drawer-modal .cu-dialog {
	height: 100%;
	min-width: 200upx;
	border-radius: 0;
	margin: initial;
	transition-duration: 0.3s;
}

.cu-modal.drawer-modal.justify-start .cu-dialog {
	transform: translateX(-100%);
}

.cu-modal.drawer-modal.justify-end .cu-dialog {
	transform: translateX(100%);
}

.cu-modal.drawer-modal.show .cu-dialog {
	transform: translateX(0%);
}

.cu-modal .cu-dialog>.cu-bar:first-child .action {
	min-width: 100rpx;
	margin-right: 0;
	min-height: 100rpx;
}

.rule-container {
		min-height: 300upx;
		display: flex;
		flex-direction: column;
		z-index: 3;
		background-image: linear-gradient(-180deg, #F48549 0%, #F2642E 100%);
		border: 18upx solid #E4431A;
		border-radius: 16px;
		padding:30upx;
		color: #fff;
		.title{
			text-align: center;
			margin-bottom: 18px;
			font-size: 20px;
			padding-top: 3vw;
			color: #fff;
		}
		.subTitle{
			// color: #000;
			font-size: 30rpx;
			font-weight: 600;
		}
		.condition{
			font-size: 26rpx;
		}
		.tips{
			border-top: 1px solid #ddd;
			padding-top: 10px;
			font-size: 26rpx;
		}
		.g_item {
			font-size: 26rpx;
			color: #FFFFFF;
			letter-spacing: 0.5px;
			text-align: justify;
			line-height: 20px;
			margin-bottom: 10px;
		}
}